<section class="" id="amz-main" data-tag="faq">
  <div class="am-g am-g-fixed" style="max-width: 1280px">
    <!--左侧目录 宽度3/12-->
    <div id="navi_left" class="col-md-3 am-u-md-3">
      <div class="am-sticky-placeholder">
        <div id="amz-offcanvas" class="am-offcanvas doc-offcanvas" style="margin: 0px;">
          <section  id = "navi_right" class="amz-sidebar am-offcanvas-bar" style="">
            <ul class="am-nav"><!--目录-->

              {{#pages}}
              <li class="am-nav-header category {{#active}}active{{/active}}">
                {{#is_index}} <!--一级目录-->
                  <h5 class="category-title">{{lang.global.mainArticles}} {{#canEdit}}
                    <a class="add-page" data-toggle="modal"  data-target="#addModal" title="{{lang.page.addPage}}">
                      <span style="font-weight: bold; font-size: 16px; cursor:pointer">&#43;</span></a>{{/canEdit}}
                  </h5>
                {{/is_index}}
                {{^is_index}} <!--2级目录-->
                  <h5 class="category-title {{#active}}active{{/active}}">{{title}} {{#canEdit}}
                    <a class="add-page" data-toggle="modal" data-target="#addModal" title="{{lang.page.addPage}}">
                      <span style="font-weight: bold; font-size: 16px; cursor:pointer">&#43;</span></a>{{/canEdit}}
                  </h5>
                {{/is_index}}
                <!--<ul class="am-nav">--> <!--是否需要收缩/展开左侧导航栏-->
                  {{#files}}
                  {{^is_directory}} <!--2级文章-->
                    <li class="{{#active}}am-active{{/active}} page-title">
                      <a  class="{{#active}}active{{/active}}" href="{{config.base_url}}/{{slug}}">{{title}}</a>
                    </li>
                  {{/is_directory}}
                  {{#is_directory}} <!--2级目录-->
                    <li class="am-nav-header {{#active}}active{{/active}}">{{title}}
                      {{#files}}
                        <ul>
                          {{^is_directory}}
                          <li class="am-nav-header"> not dir <a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>
                          {{/is_directory}}
                          {{#is_directory}}
                          <li class="page"> dir(child) {{title}}</li>
                            <ul>
                            {{#files}} <!--3级文章-->
                            <li class="{{#active}}active{{/active}}"> page <a href="{{config.base_url}}/{{slug}}">3级文章 {{title}}</a></li>
                            {{/files}}
                          </ul>
                          {{/is_directory}}
                        </ul>
                      {{/files}}
                    </li>
                  {{/is_directory}}
                  {{/files}}
                <!--</ul>--> <!--是否需要收缩/展开左侧导航栏-->
              {{/pages}}
            </ul>

          </section>
<!--          <div class="amz-pager" style="top: 267px;">-->
<!--            <a href="http://amazeui.org/getting-started/faq#up"class="am-icon-caret-up" data-rel="scrollUp"></a>-->
<!--            <a href="http://amazeui.org/getting-started/faq#down" class="am-icon-caret-down"data-rel="scrollDown"></a>-->
<!--          </div>-->
        </div>
      </div>
    </div>
    <!--右正文 宽度9/12 -->
    <div class="col-md-9 am-u-md-9 doc-content">
      <div class="am-fr menu_right" style="margin-right: 10%">
        <div id="clicktonavi" >
          <span class="am-nav-header  am-active" style="font-size: 14px">Catalogue</span>
          <span  class = " am-icon-angle-up"/></div>
        <div id="directory_navigation_container" class="" >
          {{{content_toc}}}
        </div>
      </div>
      <!--正文内容-->
      <div class="col-sm-8" style="min-height: 808px">

        <section class="content">

          {{#canEdit}}
          <div class="btn-group btn-group-sm pull-right">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
              {{lang.page.actions}} <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
              <li><a class="goto-edit">{{lang.page.editPage}}</a></li>
              <li><a data-toggle="modal" data-target="#deleteModal">{{lang.page.deletePage}}</a></li>
            </ul>
          </div>
          {{/canEdit}}

          {{#meta.title}}<h1 class="title">{{meta.title}}</h1>{{/meta.title}}

          {{{content}}}

          <div class="page-meta clearfix">
            {{#config.support_email}}
            <div class="contact-support pull-left">
              <span class="glyphicon glyphicon-envelope"></span> {{lang.page.needHelp}} <a
              href="mailto:{{config.support_email}}">{{lang.page.getInTouch}}</a>
            </div>
            {{/config.support_email}}
            <div class="last-updated pull-right">
              {{lang.global.lastUpdated}} {{last_modified}}
            </div>
          </div>

        </section>

      </div>
    </div>
  </div>
</section>


